<template>
	<view>
		<view class="bw-hint" v-if="mode == 'list'">
			<text class="iconfont icon-tubiaozhizuomoban" :style="{'font-size':iconSize + 'rpx'}"></text>
			<text :style="{'color':fontColor,'font-size':fontSize + 'rpx'}" class="bw-text">{{marked}}</text>
		</view>
		<view v-else-if="mode == 'shop'" class="bw-hint">
			<text class="iconfont icon-gouwucheweikong" :style="{'font-size':iconSize + 'rpx'}"></text>
			<text :style="{'color':fontColor,'font-size':fontSize + 'rpx'}" class="bw-text">{{marked}}</text>
		</view>
		<view v-else-if="mode == 'coupon'" class="bw-hint">
			<text class="iconfont icon-weikong" :style="{'font-size':iconSize + 'rpx'}"></text>
			<text :style="{'color':fontColor,'font-size':fontSize + 'rpx'}" class="bw-text">{{marked}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name:'bw-Empty',
		props:{
			mode:{ //组件模式，数据列表为空模式，购物车数据为空模式
				type:String,
				default:'list'
			},
			marked:{ //提示语
				type:String,
				default:'列表数据为空'
			},
			iconSize:{ //为空提示图标大小，默认50
				type:Number,
				default:100
			},
			fontColor:{ //提示字体颜色
				type:String,
				default:'#999999'
			},
			fontSize:{ //提示字体大小
				type:Number,
				default:29
			}
		}
	}
</script>

<style scoped lang="scss">
	@import "../../iconfont.scss";
	.bw-hint{
		text-align: center;
		.bw-text{
			display: block;
			margin:20rpx auto;
		}
	}
</style>
